$(function () {
    // 1、一级分类默认渲染，第一个一级分类对应的二级分类
    getFirstCategoryData(function (data) {
        // 1、一级分类默认渲染
        console.log(data)
        $('.cate-left ul').html(template('firstTemplate', data))
        // 第一个一级分类对应的二级分类

        var categoryId = $('.cate-left ul li:first-child').find('a').attr('data-id')
        render(categoryId)

        //点击一级分类加载对应的二级分类
        $('.cate-left').on('tap', 'a', function () {
            //当前选中的不加载
            if ($(this).parent().hasClass('now')) return false
            //样式选中的加载
            $('.cate-left ul li').removeClass('now')
            $(this).parent().addClass('now')
            var categoryId = $(this).attr('data-id')
            render(categoryId)
        })


    })
    // 点击一级分类加载二级分类

});
//获取一级分类
var getFirstCategoryData = function (callback) {
    $.ajax({
        type: "get",
        url: "/category/queryTopCategory",
        data: "",
        dataType: "json",
        success: function (data) {
        callback && callback(data)
        }
    });
};


// 获取二级分类
//第一个参数是个对象
var getSecondCategoryData = function (params, callback) {
    $.ajax({
        type: "get",
        url: "/category/querySecondCategory",
        data: params,
        dataType: "json",
        success: function (data) {
            callback && callback(data)
        }
    });
};

//渲染二级分类的方法
var render = function (categoryId) {
    getSecondCategoryData({
        id: categoryId
    }, function (data) {
        $('.cate-right ul').html(template('secondTemplate', data))
    })
};

